<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8" http-equiv='content/type' content='text/html'>
		<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'/>
		<!-- <meta name='viewport' content='width=device-width,initial-scale=1.0,user-scalable=0'/> -->
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
		<meta name='KeyWords' content='key'/>
		<meta name='Description' content='description'>
		<meta name='Author' content='JTR.'>		
		<title>仿华为手机官网-JTR</title>
		<link rel="Shortcut Icon" href="http://www.huawei.com/Assets/img/img_ent_en_logo_ico.ico" type='image/x-icon' />
		<link rel="stylesheet" href="../css/style/swiper.min.css" media="all">
		<link rel="stylesheet" href="../css/style/myBase.css" media="all">
		<link rel="stylesheet" href="../css/style/index.css" media="all">
	</head>
	<body style="opacity: 0">
		<div class="container" id='container'>
			<div class="wrap">
				<!--头部-->
				<div id="header">
					<!--头部条-->
					<div class="header-bar pos-f t clearfix zindex-999999">
						<input class='fl-l f-s22 pad-t20 pad-b20 t-i76 ver-a-m' type="text" placeholder="HUAWEI P10 荣耀V9">
						<div class="login fl-r ver-a-m">
							<a href="javascript:void(0)"><img class='h50 ver-a-m mar-r15' src="../css/images/icon_message_black.png" alt=""></a>
							<a href="javascript:void(0)" class='f-s30 ver-a-m'>登录</a>
						</div>
					</div>
					<!--轮播-->
					<div class="carousel swiper-container">
						<ul class='pos-r swiper-wrapper'>
							<li class='swiper-slide'></li>
							<li class='swiper-slide'></li>
							<li class='swiper-slide'></li>
							<li class='swiper-slide'></li>
							<li class='swiper-slide'></li>
							<li class='swiper-slide'></li>
							<li class='swiper-slide'></li>			
						</ul>
						<div class="swiper-pagination"></div>
					</div>
					<!--nav-->
					<div class="nav bgc-fff t-a-c  f-s26 c-ccc">
						<a href="###" class=''>优先购</a>
						<a href="###" class=''>优选配件</a>
						<a href="###" class=''>新人福利</a>
						<a href="###" class=''>以旧换新</a>
						<a href="###">数码特惠</a>
					</div>
					<!--table-->
					<table >
						<tr>
							<td rowspan='2'><img src="../css/picture/t-00.png" alt="" width='100%'></td>
							<td><img src="../css/picture/t-21.png" alt="" width='100%'></td>
						</tr>
						<tr>
							<td><img src="../css/picture/t-22.png" alt="" width='100%'></td>
						</tr>
						<tr>
							<td><img src="../css/picture/t-23.png" alt="" width='100%'></td>
							<td><img src="../css/picture/t-24.jpg" alt="" width='100%'></td>
						</tr>
					</table>
					<!--ul-->
					<nav class="active f-s24 box-s ">
						<a href="###" class='dis-ib  pos-r pad-t20 w-32-67 t-a-c pad-l20 pad-r20 bgc-fff box-s'>
							<img src="../css/picture/ac-1.jpg" alt="" class='mar-b10 h145'>
							<p class='mar-b10  h70'>华为平板M3 青春版 8英寸</p>
							<p class='mar-b10 c-ccc'>EMUI5.1流畅体验</p>
							<p class='mar-b10 c-f00 f-s22'>￥1399</p>
							<img src="../css/picture/hot1.png" alt="" class='h50 pos-a t l' >
						</a>
						<a href="###" class='dis-ib pos-r pad-t20 w-32-67 t-a-c pad-l20 pad-r20 bgc-fff box-s'>
							<img src="../css/picture/ac-2.jpg" alt="" class='mar-b10 h145'>
							<p class='mar-b10 h70'>荣耀8青春版</p>
							<p class='mar-b10 c-ccc'>最高优惠50元</p>
							<p class='mar-b10 c-f00 f-s22'>￥1699</p>
							<img src="../css/picture/hot2.png" alt="" class='h50 pos-a t l' >
						</a>
						<a href="###" class='dis-ib pos-r pad-t20 w-32-67 t-a-c pad-l20 pad-r20 bgc-fff box-s'>
							<img src="../css/picture/ac-3.jpg" alt="" class='mar-b10 h145'>
							<p class='mar-b10  h70'>HUAWEI P10</p>
							<p class='mar-b10 c-ccc'>赠自拍杆+保护壳</p>
							<p class='mar-b10 c-f00 f-s22'>￥1099</p>
							<img src="../css/picture/hot3.png" alt="" class='h50 pos-a t l' >
						</a>
					</nav>
				</div>
				<!--主体-->
				<div id="main">
					<!--超值精选-->
					<div class="select">
						<header class='mar-t20 pad-t20 pad-b20 pad-l30 bgc-fff box-s '>
							<p class='f-s30'>超值精选</p>
						</header>
						<nav class='h341 overf-h mar-t1 f-s24 clearfix swiper-container2'>
							<div class="swiper-wrapper">
								<a href="###" class='swiper-slide dis-ib fl-l mar-r1 pos-r pad-t20 w-32-67 t-a-c pad-l20 pad-r20 bgc-fff box-s'>
									<img src="../css/picture/ac-1.jpg" alt="" class='mar-b10 h145'>
									<p class='mar-b10  h70'>华为平板M3 青春版 8英寸</p>
									<p class='mar-b10 c-ccc'>EMUI5.1流畅体验</p>
									<p class='mar-b10 c-f00 f-s22'>￥1399</p>
									<img src="../css/picture/hot1.png" alt="" class='h50 pos-a t l' >
								</a>
								<a href="###" class='swiper-slide dis-ib fl-l mar-r1 pos-r pad-t20 w-32-67 t-a-c pad-l20 pad-r20 bgc-fff box-s'>
									<img src="../css/picture/ac-2.jpg" alt="" class='mar-b10 h145'>
									<p class='mar-b10 h70'>荣耀8青春版</p>
									<p class='mar-b10 c-ccc'>最高优惠50元</p>
									<p class='mar-b10 c-f00 f-s22'>￥1699</p>
									<img src="../css/picture/hot2.png" alt="" class='h50 pos-a t l' >
								</a>
								<a href="###" class='swiper-slide dis-ib fl-l mar-r1 pos-r pad-t20 w-32-67 t-a-c pad-l20 pad-r20 bgc-fff box-s'>
									<img src="../css/picture/ac-3.jpg" alt="" class='mar-b10 h145'>
									<p class='mar-b10  h70'>HUAWEI P10</p>
									<p class='mar-b10 c-ccc'>赠自拍杆+保护壳</p>
									<p class='mar-b10 c-f00 f-s22'>￥1099</p>
									<img src="../css/picture/hot3.png" alt="" class='h50 pos-a t l' >
								</a>
								<a href="###" class='swiper-slide dis-ib fl-l mar-r1 pos-r pad-t20 w-32-67 t-a-c pad-l20 pad-r20 bgc-fff box-s'>
									<img src="../css/picture/ac-1.jpg" alt="" class='mar-b10 h145'>
									<p class='mar-b10  h70'>华为平板M3 青春版 8英寸</p>
									<p class='mar-b10 c-ccc'>EMUI5.1流畅体验</p>
									<p class='mar-b10 c-f00 f-s22'>￥1399</p>
									<img src="../css/picture/hot1.png" alt="" class='h50 pos-a t l' >
								</a>
								<a href="###" class='swiper-slide dis-ib fl-l mar-r1 pos-r pad-t20 w-32-67 t-a-c pad-l20 pad-r20 bgc-fff box-s'>
									<img src="../css/picture/ac-2.jpg" alt="" class='mar-b10 h145'>
									<p class='mar-b10 h70'>荣耀8青春版</p>
									<p class='mar-b10 c-ccc'>最高优惠50元</p>
									<p class='mar-b10 c-f00 f-s22'>￥1699</p>
									<img src="../css/picture/hot2.png" alt="" class='h50 pos-a t l' >
								</a>
								<a href="###" class='swiper-slide dis-ib fl-l mar-r1 pos-r pad-t20 w-32-67 t-a-c pad-l20 pad-r20 bgc-fff box-s'>
									<img src="../css/picture/ac-3.jpg" alt="" class='mar-b10 h145'>
									<p class='mar-b10  h70'>HUAWEI P10</p>
									<p class='mar-b10 c-ccc'>赠自拍杆+保护壳</p>
									<p class='mar-b10 c-f00 f-s22'>￥1099</p>
									<img src="../css/picture/hot3.png" alt="" class='h50 pos-a t l' >
								</a>
								<div class="more">
									<p>查看更多</p>
								</div>
							</div>
						</nav>					
					</div>
					<!-- 公告 -->
					<div class="notice mar-t10  ">
						<div class="no1 f-s25  pad-t20 pad-b25 pad-l50 bgc-fff clearfix h30 overf-h ">
							<img src="../css/images/icon_notice.png" alt="" class='pad-t5 h25 fl-l ver-a-m'>
							<div class='fl-l  mar-l30 ver-a-m  sec-swiper3  '>
								<div class='swiper-wrapper '>
									<div class='swiper-slide'><a href="###">荣耀618欢乐购（第1波）</a></div>
									<div class='swiper-slide'><a href="###">荣耀618欢乐购（第2波）</a></div>
									<div class='swiper-slide'><a href="###">荣耀618欢乐购（第3波）</a></div>
								</div>
							</div>
							<p class='fl-r pad-t5 mar-r50 ver-a-m c-ccc cur-p i-h25'>更多<span class='mar-l50'>&gt;</span></p>
						</div>
						<div class="sec-2  mar-t5 ">
							<a href="###" class=' bgc-fff'><img src="../css/picture/hw.jpg" alt="" class='h50'></a>
							<a href="###" class=' bgc-fff'><img src="../css/picture/hw2.jpg" alt="" class='h50'></a>
						</div>
					</div>
					<!-- 手机 -->
					<section>
						<header class='mar-t10 pad-t20 pad-b20 pad-l30 bgc-fff box-s clearfix'>
							<p class='fl-l f-s28'>手机</p>
							<a href="###" class='fl-r mar-r50 c-ccc f-s25'>更多<span class='mar-l50'>&gt;</span></a>
						</header>
						<ul class='clearfix bgc-fff'>
							<li class='fl-l'>
								<a href="###" class='dis-ib  mar-r1 pos-r  t-a-c  bgc-fff box-s f-s26'>
									<img src="../css/picture/phone-1.jpg" alt="" class='w358'>
									<p class='mar-b10  h70'>HUAWEI Mate 9 Pro</p>
									<p class='mar-b10 c-ccc'>领券立减200元</p>
									<p class='mar-b10 c-f00 f-s22'>¥ 4699</p>
									<img src="../css/picture/hot1.png" alt="" class='h50 pos-a t l' >
								</a>
							</li>
							<li class='fl-r'>
								<a href="###" class='dis-ib  mar-r1 pos-r  t-a-c  bgc-fff box-s f-s26'>
									<img src="../css/picture/phone-2.jpg" alt="" class='w358'>
									<p class='mar-b10  h70'>HUAWEI Mate 9 Pro</p>
									<p class='mar-b10 c-ccc'>领券立减200元</p>
									<p class='mar-b10 c-f00 f-s22'>¥ 4699</p>
									<img src="../css/picture/hot2.png" alt="" class='h50 pos-a t l' >
								</a>
							</li>
							<li class='fl-l'>
								<a href="###" class='dis-ib  mar-r1 pos-r  t-a-c  bgc-fff box-s f-s26'>
									<img src="../css/picture/phone-3.jpg" alt="" class='w358'>
									<p class='mar-b10  h70'>HUAWEI Mate 9 Pro</p>
									<p class='mar-b10 c-ccc'>领券立减200元</p>
									<p class='mar-b10 c-f00 f-s22'>¥ 4699</p>
									<img src="../css/picture/hot2.png" alt="" class='h50 pos-a t l' >
								</a>
							</li>
							<li class='fl-r'>
								<a href="###" class='dis-ib  mar-r1 pos-r  t-a-c  bgc-fff box-s f-s26'>
									<img src="../css/picture/phone-4.jpg" alt="" class='w358'>
									<p class='mar-b10  h70'>HUAWEI Mate 9 Pro</p>
									<p class='mar-b10 c-ccc'>领券立减200元</p>
									<p class='mar-b10 c-f00 f-s22'>¥ 4699</p>
									<img src="../css/picture/hot3.png" alt="" class='h50 pos-a t l' >
								</a>
							</li>
						</ul>	
						<nav class='h341 overf-h mar-t1 f-s24 clearfix swiper-container2'>
							<div class="swiper-wrapper">
								<a href="###" class='swiper-slide dis-ib fl-l mar-r1 pos-r pad-t20 w-32-67 t-a-c pad-l20 pad-r20 bgc-fff box-s'>
									<img src="../css/picture/ac-1.jpg" alt="" class='mar-b10 h145'>
									<p class='mar-b10  h70'>华为平板M3 青春版 8英寸</p>
									<p class='mar-b10 c-ccc'>EMUI5.1流畅体验</p>
									<p class='mar-b10 c-f00 f-s22'>￥1399</p>
									<img src="../css/picture/hot1.png" alt="" class='h50 pos-a t l' >
								</a>
								<a href="###" class='swiper-slide dis-ib fl-l mar-r1 pos-r pad-t20 w-32-67 t-a-c pad-l20 pad-r20 bgc-fff box-s'>
									<img src="../css/picture/ac-2.jpg" alt="" class='mar-b10 h145'>
									<p class='mar-b10 h70'>荣耀8青春版</p>
									<p class='mar-b10 c-ccc'>最高优惠50元</p>
									<p class='mar-b10 c-f00 f-s22'>￥1699</p>
									<img src="../css/picture/hot2.png" alt="" class='h50 pos-a t l' >
								</a>
								<a href="###" class='swiper-slide dis-ib fl-l mar-r1 pos-r pad-t20 w-32-67 t-a-c pad-l20 pad-r20 bgc-fff box-s'>
									<img src="../css/picture/ac-3.jpg" alt="" class='mar-b10 h145'>
									<p class='mar-b10  h70'>HUAWEI P10</p>
									<p class='mar-b10 c-ccc'>赠自拍杆+保护壳</p>
									<p class='mar-b10 c-f00 f-s22'>￥1099</p>
									<img src="../css/picture/hot3.png" alt="" class='h50 pos-a t l' >
								</a>
								<a href="###" class='swiper-slide dis-ib fl-l mar-r1 pos-r pad-t20 w-32-67 t-a-c pad-l20 pad-r20 bgc-fff box-s'>
									<img src="../css/picture/ac-1.jpg" alt="" class='mar-b10 h145'>
									<p class='mar-b10  h70'>华为平板M3 青春版 8英寸</p>
									<p class='mar-b10 c-ccc'>EMUI5.1流畅体验</p>
									<p class='mar-b10 c-f00 f-s22'>￥1399</p>
									<img src="../css/picture/hot1.png" alt="" class='h50 pos-a t l' >
								</a>
								<a href="###" class='swiper-slide dis-ib fl-l mar-r1 pos-r pad-t20 w-32-67 t-a-c pad-l20 pad-r20 bgc-fff box-s'>
									<img src="../css/picture/ac-2.jpg" alt="" class='mar-b10 h145'>
									<p class='mar-b10 h70'>荣耀8青春版</p>
									<p class='mar-b10 c-ccc'>最高优惠50元</p>
									<p class='mar-b10 c-f00 f-s22'>￥1699</p>
									<img src="../css/picture/hot2.png" alt="" class='h50 pos-a t l' >
								</a>
								<a href="###" class='swiper-slide dis-ib fl-l mar-r1 pos-r pad-t20 w-32-67 t-a-c pad-l20 pad-r20 bgc-fff box-s'>
									<img src="../css/picture/ac-3.jpg" alt="" class='mar-b10 h145'>
									<p class='mar-b10  h70'>HUAWEI P10</p>
									<p class='mar-b10 c-ccc'>赠自拍杆+保护壳</p>
									<p class='mar-b10 c-f00 f-s22'>￥1099</p>
									<img src="../css/picture/hot3.png" alt="" class='h50 pos-a t l' >
								</a>
								<div class="more t-a-c">
									<p class='w10 mar-l30'>
										查看更多
									</p>
								</div>
							</div>
						</nav>
					</section>
					<!--笔记本-->
					<section>
						<header class='mar-t10 pad-t20 pad-b20 pad-l30 bgc-fff box-s clearfix'>
							<p class='fl-l f-s28'>笔记本</p>
							<a href="###" class='fl-r mar-r50 c-ccc f-s25'>更多<span class='mar-l50'>&gt;</span></a>
						</header>
						<ul class='clearfix bgc-fff'>
							<li class='fl-l'>
								<a href="###" class='dis-ib  mar-r1 pos-r  t-a-c  bgc-fff box-s f-s24'>
									<img src="../css/picture/c1.jpg" alt="" class='w358'>
									<p class='mar-b10  '>HUAWEI MateBook X</p>
									<p class='mar-b10 c-ccc'>尊享6期免息</p>
									<p class='mar-b10 c-f00 f-s22'>¥ 6988</p>
									<img src="../css/picture/hot1.png" alt="" class='h50 pos-a t l' >
								</a>
							</li>
							<li class='fl-r'>
								<a href="###" class='dis-ib  mar-r1 pos-r  t-a-c  bgc-fff box-s f-s24'>
									<img src="../css/picture/c2.jpg" alt="" class='w358'>
									<p class='mar-b10 '>HUAWEI MateBook d</p>
									<p class='mar-b10 c-ccc'>尊享6期免息</p>
									<p class='mar-b10 c-f00 f-s22'>¥ 5699</p>
									<img src="../css/picture/hot1.png" alt="" class='h50 pos-a t l' >
								</a>
							</li>
							<li class='fl-l'>
								<a href="###" class='dis-ib  mar-r1 pos-r  t-a-c  bgc-fff box-s f-s24'>
									<img src="../css/picture/c3.jpg" alt="" class='w358'>
									<p class='mar-b10  '>HUAWEI MateBook a</p>
									<p class='mar-b10 c-ccc'>尊享6期免息</p>
									<p class='mar-b10 c-f00 f-s22'>¥ 4699</p>
									<img src="../css/picture/hot1.png" alt="" class='h50 pos-a t l' >
								</a>
							</li>
							<li class='fl-r'>
								<a href="###" class='dis-ib  mar-r1 pos-r  t-a-c  bgc-fff box-s f-s24'>
									<img src="../css/picture/c4.jpg" alt="" class='w358'>
									<p class='mar-b10  '>HUAWEI MateBook do</p>
									<p class='mar-b10 c-ccc'>尊享6期免息</p>
									<p class='mar-b10 c-f00 f-s22'>¥ 4699</p>
									<img src="../css/picture/hot1.png" alt="" class='h50 pos-a t l' >
								</a>
							</li>
						</ul>	
					</section>
					<!--精品平板-->
					<section>
						<header class='mar-t10 pad-t20 pad-b20 pad-l30 bgc-fff box-s clearfix'>
							<p class='fl-l f-s28'>精品平板</p>
							<a href="###" class='fl-r mar-r50 c-ccc f-s25'>更多<span class='mar-l50'>&gt;</span></a>
						</header>
						<ul class='clearfix bgc-fff'>
							<li class='fl-l'>
								<a href="###" class='dis-ib  mar-r1 pos-r  t-a-c  bgc-fff box-s f-s26'>
									<img src="../css/picture/phone-1.jpg" alt="" class='w358'>
									<p class='mar-b10  '>HUAWEI Mate 9 Pro</p>
									<p class='mar-b10 c-ccc'>领券立减200元</p>
									<p class='mar-b10 c-f00 f-s22'>¥ 4699</p>
									<img src="../css/picture/hot1.png" alt="" class='h50 pos-a t l' >
								</a>
							</li>
							<li class='fl-r'>
								<a href="###" class='dis-ib  mar-r1 pos-r  t-a-c  bgc-fff box-s f-s26'>
									<img src="../css/picture/phone-2.jpg" alt="" class='w358'>
									<p class='mar-b10  '>HUAWEI Mate 9 Pro</p>
									<p class='mar-b10 c-ccc'>领券立减200元</p>
									<p class='mar-b10 c-f00 f-s22'>¥ 4699</p>
									<img src="../css/picture/hot2.png" alt="" class='h50 pos-a t l' >
								</a>
							</li>
							<li class='fl-l'>
								<a href="###" class='dis-ib  mar-r1 pos-r  t-a-c  bgc-fff box-s f-s26'>
									<img src="../css/picture/phone-3.jpg" alt="" class='w358'>
									<p class='mar-b10  '>HUAWEI Mate 9 Pro</p>
									<p class='mar-b10 c-ccc'>领券立减200元</p>
									<p class='mar-b10 c-f00 f-s22'>¥ 4699</p>
									<img src="../css/picture/hot2.png" alt="" class='h50 pos-a t l' >
								</a>
							</li>
							<li class='fl-r'>
								<a href="###" class='dis-ib  mar-r1 pos-r  t-a-c  bgc-fff box-s f-s26'>
									<img src="../css/picture/phone-4.jpg" alt="" class='w358'>
									<p class='mar-b10  '>HUAWEI Mate 9 Pro</p>
									<p class='mar-b10 c-ccc'>领券立减200元</p>
									<p class='mar-b10 c-f00 f-s22'>¥ 4699</p>
									<img src="../css/picture/hot3.png" alt="" class='h50 pos-a t l' >
								</a>
							</li>
						</ul>	
						<nav class='h341 overf-h mar-t1 f-s24 clearfix swiper-container2'>
							<div class="swiper-wrapper">
								<a href="###" class='swiper-slide dis-ib fl-l mar-r1 pos-r pad-t20 w-32-67 t-a-c pad-l20 pad-r20 bgc-fff box-s'>
									<img src="../css/picture/ac-1.jpg" alt="" class='mar-b10 h145'>
									<p class='mar-b10  h70'>华为平板M3 青春版 8英寸</p>
									<p class='mar-b10 c-ccc'>EMUI5.1流畅体验</p>
									<p class='mar-b10 c-f00 f-s22'>￥1399</p>
									<img src="../css/picture/hot1.png" alt="" class='h50 pos-a t l' >
								</a>
								<a href="###" class='swiper-slide dis-ib fl-l mar-r1 pos-r pad-t20 w-32-67 t-a-c pad-l20 pad-r20 bgc-fff box-s'>
									<img src="../css/picture/ac-2.jpg" alt="" class='mar-b10 h145'>
									<p class='mar-b10 h70'>荣耀8青春版</p>
									<p class='mar-b10 c-ccc'>最高优惠50元</p>
									<p class='mar-b10 c-f00 f-s22'>￥1699</p>
									<img src="../css/picture/hot2.png" alt="" class='h50 pos-a t l' >
								</a>
								<a href="###" class='swiper-slide dis-ib fl-l mar-r1 pos-r pad-t20 w-32-67 t-a-c pad-l20 pad-r20 bgc-fff box-s'>
									<img src="../css/picture/ac-3.jpg" alt="" class='mar-b10 h145'>
									<p class='mar-b10  h70'>HUAWEI P10</p>
									<p class='mar-b10 c-ccc'>赠自拍杆+保护壳</p>
									<p class='mar-b10 c-f00 f-s22'>￥1099</p>
									<img src="../css/picture/hot3.png" alt="" class='h50 pos-a t l' >
								</a>
								<a href="###" class='swiper-slide dis-ib fl-l mar-r1 pos-r pad-t20 w-32-67 t-a-c pad-l20 pad-r20 bgc-fff box-s'>
									<img src="../css/picture/ac-1.jpg" alt="" class='mar-b10 h145'>
									<p class='mar-b10  h70'>华为平板M3 青春版 8英寸</p>
									<p class='mar-b10 c-ccc'>EMUI5.1流畅体验</p>
									<p class='mar-b10 c-f00 f-s22'>￥1399</p>
									<img src="../css/picture/hot1.png" alt="" class='h50 pos-a t l' >
								</a>
								<a href="###" class='swiper-slide dis-ib fl-l mar-r1 pos-r pad-t20 w-32-67 t-a-c pad-l20 pad-r20 bgc-fff box-s'>
									<img src="../css/picture/ac-2.jpg" alt="" class='mar-b10 h145'>
									<p class='mar-b10 h70'>荣耀8青春版</p>
									<p class='mar-b10 c-ccc'>最高优惠50元</p>
									<p class='mar-b10 c-f00 f-s22'>￥1699</p>
									<img src="../css/picture/hot2.png" alt="" class='h50 pos-a t l' >
								</a>
								<a href="###" class='swiper-slide dis-ib fl-l mar-r1 pos-r pad-t20 w-32-67 t-a-c pad-l20 pad-r20 bgc-fff box-s'>
									<img src="../css/picture/ac-3.jpg" alt="" class='mar-b10 h145'>
									<p class='mar-b10  h70'>HUAWEI P10</p>
									<p class='mar-b10 c-ccc'>赠自拍杆+保护壳</p>
									<p class='mar-b10 c-f00 f-s22'>￥1099</p>
									<img src="../css/picture/hot3.png" alt="" class='h50 pos-a t l' >
								</a>
								<div class="more">
									<p>
										查看更多
									</p>
								</div>
							</div>
						</nav>
					</section>		
					<!--智能家居-->
					<section>
						<header class='mar-t10 pad-t20 pad-b20 pad-l30 bgc-fff box-s clearfix'>
							<p class='fl-l f-s28'>智能家居</p>
							<a href="###" class='fl-r mar-r50 c-ccc f-s25'>更多<span class='mar-l50'>&gt;</span></a>
						</header>
						<ul class='clearfix bgc-fff'>
							<li class='fl-l'>
								<a href="###" class='dis-ib  mar-r1 pos-r  t-a-c  bgc-fff box-s f-s26'>
									<img src="../css/picture/phone-1.jpg" alt="" class='w358'>
									<p class='mar-b10  '>HUAWEI Mate 9 Pro</p>
									<p class='mar-b10 c-ccc'>领券立减200元</p>
									<p class='mar-b10 c-f00 f-s22'>¥ 4699</p>
									<img src="../css/picture/hot1.png" alt="" class='h50 pos-a t l' >
								</a>
							</li>
							<li class='fl-r'>
								<a href="###" class='dis-ib  mar-r1 pos-r  t-a-c  bgc-fff box-s f-s26'>
									<img src="../css/picture/phone-2.jpg" alt="" class='w358'>
									<p class='mar-b10  '>HUAWEI Mate 9 Pro</p>
									<p class='mar-b10 c-ccc'>领券立减200元</p>
									<p class='mar-b10 c-f00 f-s22'>¥ 4699</p>
									<img src="../css/picture/hot2.png" alt="" class='h50 pos-a t l' >
								</a>
							</li>
							<li class='fl-l'>
								<a href="###" class='dis-ib  mar-r1 pos-r  t-a-c  bgc-fff box-s f-s26'>
									<img src="../css/picture/phone-3.jpg" alt="" class='w358'>
									<p class='mar-b10  '>HUAWEI Mate 9 Pro</p>
									<p class='mar-b10 c-ccc'>领券立减200元</p>
									<p class='mar-b10 c-f00 f-s22'>¥ 4699</p>
									<img src="../css/picture/hot2.png" alt="" class='h50 pos-a t l' >
								</a>
							</li>
							<li class='fl-r'>
								<a href="###" class='dis-ib  mar-r1 pos-r  t-a-c  bgc-fff box-s f-s26'>
									<img src="../css/picture/phone-4.jpg" alt="" class='w358'>
									<p class='mar-b10  '>HUAWEI Mate 9 Pro</p>
									<p class='mar-b10 c-ccc'>领券立减200元</p>
									<p class='mar-b10 c-f00 f-s22'>¥ 4699</p>
									<img src="../css/picture/hot3.png" alt="" class='h50 pos-a t l' >
								</a>
							</li>
						</ul>	
						<nav class='h341 overf-h mar-t1 f-s24 clearfix swiper-container2'>
							<div class="swiper-wrapper">
								<a href="###" class='swiper-slide dis-ib fl-l mar-r1 pos-r pad-t20 w-32-67 t-a-c pad-l20 pad-r20 bgc-fff box-s'>
									<img src="../css/picture/ac-1.jpg" alt="" class='mar-b10 h145'>
									<p class='mar-b10  h70'>华为平板M3 青春版 8英寸</p>
									<p class='mar-b10 c-ccc'>EMUI5.1流畅体验</p>
									<p class='mar-b10 c-f00 f-s22'>￥1399</p>
									<img src="../css/picture/hot1.png" alt="" class='h50 pos-a t l' >
								</a>
								<a href="###" class='swiper-slide dis-ib fl-l mar-r1 pos-r pad-t20 w-32-67 t-a-c pad-l20 pad-r20 bgc-fff box-s'>
									<img src="../css/picture/ac-2.jpg" alt="" class='mar-b10 h145'>
									<p class='mar-b10 h70'>荣耀8青春版</p>
									<p class='mar-b10 c-ccc'>最高优惠50元</p>
									<p class='mar-b10 c-f00 f-s22'>￥1699</p>
									<img src="../css/picture/hot2.png" alt="" class='h50 pos-a t l' >
								</a>
								<a href="###" class='swiper-slide dis-ib fl-l mar-r1 pos-r pad-t20 w-32-67 t-a-c pad-l20 pad-r20 bgc-fff box-s'>
									<img src="../css/picture/ac-3.jpg" alt="" class='mar-b10 h145'>
									<p class='mar-b10  h70'>HUAWEI P10</p>
									<p class='mar-b10 c-ccc'>赠自拍杆+保护壳</p>
									<p class='mar-b10 c-f00 f-s22'>￥1099</p>
									<img src="../css/picture/hot3.png" alt="" class='h50 pos-a t l' >
								</a>
								<a href="###" class='swiper-slide dis-ib fl-l mar-r1 pos-r pad-t20 w-32-67 t-a-c pad-l20 pad-r20 bgc-fff box-s'>
									<img src="../css/picture/ac-1.jpg" alt="" class='mar-b10 h145'>
									<p class='mar-b10  h70'>华为平板M3 青春版 8英寸</p>
									<p class='mar-b10 c-ccc'>EMUI5.1流畅体验</p>
									<p class='mar-b10 c-f00 f-s22'>￥1399</p>
									<img src="../css/picture/hot1.png" alt="" class='h50 pos-a t l' >
								</a>
								<a href="###" class='swiper-slide dis-ib fl-l mar-r1 pos-r pad-t20 w-32-67 t-a-c pad-l20 pad-r20 bgc-fff box-s'>
									<img src="../css/picture/ac-2.jpg" alt="" class='mar-b10 h145'>
									<p class='mar-b10 h70'>荣耀8青春版</p>
									<p class='mar-b10 c-ccc'>最高优惠50元</p>
									<p class='mar-b10 c-f00 f-s22'>￥1699</p>
									<img src="../css/picture/hot2.png" alt="" class='h50 pos-a t l' >
								</a>
								<a href="###" class='swiper-slide dis-ib fl-l mar-r1 pos-r pad-t20 w-32-67 t-a-c pad-l20 pad-r20 bgc-fff box-s'>
									<img src="../css/picture/ac-3.jpg" alt="" class='mar-b10 h145'>
									<p class='mar-b10  h70'>HUAWEI P10</p>
									<p class='mar-b10 c-ccc'>赠自拍杆+保护壳</p>
									<p class='mar-b10 c-f00 f-s22'>￥1099</p>
									<img src="../css/picture/hot3.png" alt="" class='h50 pos-a t l' >
								</a>
								<div class="more">
									<p>
										查看更多
									</p>
								</div>
							</div>
						</nav>
					</section>
					<!--热销配件-->
					<section>
						<header class='mar-t10 pad-t20 pad-b20 pad-l30 bgc-fff box-s clearfix'>
							<p class='fl-l f-s28'>热销配件</p>
							<a href="###" class='fl-r mar-r50 c-ccc f-s25'>更多<span class='mar-l50'>&gt;</span></a>
						</header>
						<ul class='clearfix bgc-fff'>
							<li class='fl-l'>
								<a href="###" class='dis-ib  mar-r1 pos-r  t-a-c  bgc-fff box-s f-s26'>
									<img src="../css/picture/phone-1.jpg" alt="" class='w358'>
									<p class='mar-b10  '>HUAWEI Mate 9 Pro</p>
									<p class='mar-b10 c-ccc'>领券立减200元</p>
									<p class='mar-b10 c-f00 f-s22'>¥ 4699</p>
									<img src="../css/picture/hot1.png" alt="" class='h50 pos-a t l' >
								</a>
							</li>
							<li class='fl-r'>
								<a href="###" class='dis-ib  mar-r1 pos-r  t-a-c  bgc-fff box-s f-s26'>
									<img src="../css/picture/phone-2.jpg" alt="" class='w358'>
									<p class='mar-b10  '>HUAWEI Mate 9 Pro</p>
									<p class='mar-b10 c-ccc'>领券立减200元</p>
									<p class='mar-b10 c-f00 f-s22'>¥ 4699</p>
									<img src="../css/picture/hot2.png" alt="" class='h50 pos-a t l' >
								</a>
							</li>
							<li class='fl-l'>
								<a href="###" class='dis-ib  mar-r1 pos-r  t-a-c  bgc-fff box-s f-s26'>
									<img src="../css/picture/phone-3.jpg" alt="" class='w358'>
									<p class='mar-b10  '>HUAWEI Mate 9 Pro</p>
									<p class='mar-b10 c-ccc'>领券立减200元</p>
									<p class='mar-b10 c-f00 f-s22'>¥ 4699</p>
									<img src="../css/picture/hot2.png" alt="" class='h50 pos-a t l' >
								</a>
							</li>
							<li class='fl-r'>
								<a href="###" class='dis-ib  mar-r1 pos-r  t-a-c  bgc-fff box-s f-s26'>
									<img src="../css/picture/phone-4.jpg" alt="" class='w358'>
									<p class='mar-b10  '>HUAWEI Mate 9 Pro</p>
									<p class='mar-b10 c-ccc'>领券立减200元</p>
									<p class='mar-b10 c-f00 f-s22'>¥ 4699</p>
									<img src="../css/picture/hot3.png" alt="" class='h50 pos-a t l' >
								</a>
							</li>
						</ul>	
						<nav class='h341 overf-h mar-t1 f-s24 clearfix swiper-container2'>
							<div class="swiper-wrapper">
								<a href="###" class='swiper-slide dis-ib fl-l mar-r1 pos-r pad-t20 w-32-67 t-a-c pad-l20 pad-r20 bgc-fff box-s'>
									<img src="../css/picture/ac-1.jpg" alt="" class='mar-b10 h145'>
									<p class='mar-b10  h70'>华为平板M3 青春版 8英寸</p>
									<p class='mar-b10 c-ccc'>EMUI5.1流畅体验</p>
									<p class='mar-b10 c-f00 f-s22'>￥1399</p>
									<img src="../css/picture/hot1.png" alt="" class='h50 pos-a t l' >
								</a>
								<a href="###" class='swiper-slide dis-ib fl-l mar-r1 pos-r pad-t20 w-32-67 t-a-c pad-l20 pad-r20 bgc-fff box-s'>
									<img src="../css/picture/ac-2.jpg" alt="" class='mar-b10 h145'>
									<p class='mar-b10 h70'>荣耀8青春版</p>
									<p class='mar-b10 c-ccc'>最高优惠50元</p>
									<p class='mar-b10 c-f00 f-s22'>￥1699</p>
									<img src="../css/picture/hot2.png" alt="" class='h50 pos-a t l' >
								</a>
								<a href="###" class='swiper-slide dis-ib fl-l mar-r1 pos-r pad-t20 w-32-67 t-a-c pad-l20 pad-r20 bgc-fff box-s'>
									<img src="../css/picture/ac-3.jpg" alt="" class='mar-b10 h145'>
									<p class='mar-b10  h70'>HUAWEI P10</p>
									<p class='mar-b10 c-ccc'>赠自拍杆+保护壳</p>
									<p class='mar-b10 c-f00 f-s22'>￥1099</p>
									<img src="../css/picture/hot3.png" alt="" class='h50 pos-a t l' >
								</a>
								<a href="###" class='swiper-slide dis-ib fl-l mar-r1 pos-r pad-t20 w-32-67 t-a-c pad-l20 pad-r20 bgc-fff box-s'>
									<img src="../css/picture/ac-1.jpg" alt="" class='mar-b10 h145'>
									<p class='mar-b10  h70'>华为平板M3 青春版 8英寸</p>
									<p class='mar-b10 c-ccc'>EMUI5.1流畅体验</p>
									<p class='mar-b10 c-f00 f-s22'>￥1399</p>
									<img src="../css/picture/hot1.png" alt="" class='h50 pos-a t l' >
								</a>
								<a href="###" class='swiper-slide dis-ib fl-l mar-r1 pos-r pad-t20 w-32-67 t-a-c pad-l20 pad-r20 bgc-fff box-s'>
									<img src="../css/picture/ac-2.jpg" alt="" class='mar-b10 h145'>
									<p class='mar-b10 h70'>荣耀8青春版</p>
									<p class='mar-b10 c-ccc'>最高优惠50元</p>
									<p class='mar-b10 c-f00 f-s22'>￥1699</p>
									<img src="../css/picture/hot2.png" alt="" class='h50 pos-a t l' >
								</a>
								<a href="###" class='swiper-slide dis-ib fl-l mar-r1 pos-r pad-t20 w-32-67 t-a-c pad-l20 pad-r20 bgc-fff box-s'>
									<img src="../css/picture/ac-3.jpg" alt="" class='mar-b10 h145'>
									<p class='mar-b10  h70'>HUAWEI P10</p>
									<p class='mar-b10 c-ccc'>赠自拍杆+保护壳</p>
									<p class='mar-b10 c-f00 f-s22'>￥1099</p>
									<img src="../css/picture/hot3.png" alt="" class='h50 pos-a t l' >
								</a>
								<div class="more">
									<p>
										查看更多
									</p>
								</div>
							</div>
						</nav>
					</section>
					<!--品牌配件-->
					<section>
						<header class='mar-t10 pad-t20 pad-b20 pad-l30 bgc-fff box-s clearfix'>
							<p class='fl-l f-s28'>品牌配件</p>
							<a href="###" class='fl-r mar-r50 c-ccc f-s25'>更多<span class='mar-l50'>&gt;</span></a>
						</header>
						<ul class='clearfix bgc-fff'>
							<li class='fl-l'>
								<a href="###" class='dis-ib  mar-r1 pos-r  t-a-c  bgc-fff box-s f-s26'>
									<img src="../css/picture/phone-1.jpg" alt="" class='w358'>
									<p class='mar-b10  '>HUAWEI Mate 9 Pro</p>
									<p class='mar-b10 c-ccc'>领券立减200元</p>
									<p class='mar-b10 c-f00 f-s22'>¥ 4699</p>
									<img src="../css/picture/hot1.png" alt="" class='h50 pos-a t l' >
								</a>
							</li>
							<li class='fl-r'>
								<a href="###" class='dis-ib  mar-r1 pos-r  t-a-c  bgc-fff box-s f-s26'>
									<img src="../css/picture/phone-2.jpg" alt="" class='w358'>
									<p class='mar-b10  '>HUAWEI Mate 9 Pro</p>
									<p class='mar-b10 c-ccc'>领券立减200元</p>
									<p class='mar-b10 c-f00 f-s22'>¥ 4699</p>
									<img src="../css/picture/hot2.png" alt="" class='h50 pos-a t l' >
								</a>
							</li>
							<li class='fl-l'>
								<a href="###" class='dis-ib  mar-r1 pos-r  t-a-c  bgc-fff box-s f-s26'>
									<img src="../css/picture/phone-3.jpg" alt="" class='w358'>
									<p class='mar-b10  '>HUAWEI Mate 9 Pro</p>
									<p class='mar-b10 c-ccc'>领券立减200元</p>
									<p class='mar-b10 c-f00 f-s22'>¥ 4699</p>
									<img src="../css/picture/hot2.png" alt="" class='h50 pos-a t l' >
								</a>
							</li>
							<li class='fl-r'>
								<a href="###" class='dis-ib  mar-r1 pos-r  t-a-c  bgc-fff box-s f-s26'>
									<img src="../css/picture/phone-4.jpg" alt="" class='w358'>
									<p class='mar-b10  '>HUAWEI Mate 9 Pro</p>
									<p class='mar-b10 c-ccc'>领券立减200元</p>
									<p class='mar-b10 c-f00 f-s22'>¥ 4699</p>
									<img src="../css/picture/hot3.png" alt="" class='h50 pos-a t l' >
								</a>
							</li>
						</ul>	
						<nav class='h341 overf-h mar-t1 f-s24 clearfix swiper-container2'>
							<div class="swiper-wrapper">
								<a href="###" class='swiper-slide dis-ib fl-l mar-r1 pos-r pad-t20 w-32-67 t-a-c pad-l20 pad-r20 bgc-fff box-s'>
									<img src="../css/picture/ac-1.jpg" alt="" class='mar-b10 h145'>
									<p class='mar-b10  h70'>华为平板M3 青春版 8英寸</p>
									<p class='mar-b10 c-ccc'>EMUI5.1流畅体验</p>
									<p class='mar-b10 c-f00 f-s22'>￥1399</p>
									<img src="../css/picture/hot1.png" alt="" class='h50 pos-a t l' >
								</a>
								<a href="###" class='swiper-slide dis-ib fl-l mar-r1 pos-r pad-t20 w-32-67 t-a-c pad-l20 pad-r20 bgc-fff box-s'>
									<img src="../css/picture/ac-2.jpg" alt="" class='mar-b10 h145'>
									<p class='mar-b10 h70'>荣耀8青春版</p>
									<p class='mar-b10 c-ccc'>最高优惠50元</p>
									<p class='mar-b10 c-f00 f-s22'>￥1699</p>
									<img src="../css/picture/hot2.png" alt="" class='h50 pos-a t l' >
								</a>
								<a href="###" class='swiper-slide dis-ib fl-l mar-r1 pos-r pad-t20 w-32-67 t-a-c pad-l20 pad-r20 bgc-fff box-s'>
									<img src="../css/picture/ac-3.jpg" alt="" class='mar-b10 h145'>
									<p class='mar-b10  h70'>HUAWEI P10</p>
									<p class='mar-b10 c-ccc'>赠自拍杆+保护壳</p>
									<p class='mar-b10 c-f00 f-s22'>￥1099</p>
									<img src="../css/picture/hot3.png" alt="" class='h50 pos-a t l' >
								</a>
								<a href="###" class='swiper-slide dis-ib fl-l mar-r1 pos-r pad-t20 w-32-67 t-a-c pad-l20 pad-r20 bgc-fff box-s'>
									<img src="../css/picture/ac-1.jpg" alt="" class='mar-b10 h145'>
									<p class='mar-b10  h70'>华为平板M3 青春版 8英寸</p>
									<p class='mar-b10 c-ccc'>EMUI5.1流畅体验</p>
									<p class='mar-b10 c-f00 f-s22'>￥1399</p>
									<img src="../css/picture/hot1.png" alt="" class='h50 pos-a t l' >
								</a>
								<a href="###" class='swiper-slide dis-ib fl-l mar-r1 pos-r pad-t20 w-32-67 t-a-c pad-l20 pad-r20 bgc-fff box-s'>
									<img src="../css/picture/ac-2.jpg" alt="" class='mar-b10 h145'>
									<p class='mar-b10 h70'>荣耀8青春版</p>
									<p class='mar-b10 c-ccc'>最高优惠50元</p>
									<p class='mar-b10 c-f00 f-s22'>￥1699</p>
									<img src="../css/picture/hot2.png" alt="" class='h50 pos-a t l' >
								</a>
								<a href="###" class='swiper-slide dis-ib fl-l mar-r1 pos-r pad-t20 w-32-67 t-a-c pad-l20 pad-r20 bgc-fff box-s'>
									<img src="../css/picture/ac-3.jpg" alt="" class='mar-b10 h145'>
									<p class='mar-b10  h70'>HUAWEI P10</p>
									<p class='mar-b10 c-ccc'>赠自拍杆+保护壳</p>
									<p class='mar-b10 c-f00 f-s22'>￥1099</p>
									<img src="../css/picture/hot3.png" alt="" class='h50 pos-a t l' >
								</a>
								<div class="more">
									<p>
										查看更多
									</p>
								</div>
							</div>
						</nav>
					</section>
				</div>
				<!--尾部-->
				<div id="footer">
					<!--版权-->
					<div class="copyright f-s28 t-a-c c-ccc pad-t10 pad-b10 mar-t20">
						<nav class='mar-b10'>
							<a href="###" class='mar-r70'>登录</a>
							<a href="###">反馈</a>
						</nav>
						<nav class='mar-b10'>
							<a href="###" class='bor-r pad-r20'>触屏版</a>
							<a href="###" class='bor-r pad-r20 mar-l15'>电脑版</a>
							<a href="###" class='mar-l15'>客户端</a>
						</nav>
						<nav>
							<a href="###">Copyright © 2011-2017</a>
						</nav>
					</div>
					<!--尾部-->
					<div class="footer-bar pos-f b zindex-999999">
						<ul class='clearfix pad-l55 pad-r55 pad-t10 pad-b10'>
							<li class='mar-r130'><a  href="javascript:void(0)"></a></li>
							<li class='mar-r130'><a href="javascript:void(0)"></a></li>
							<li class='mar-r130'><a href="javascript:void(0)"></a></li>
							<li class=''><a href="javascript:void(0)"></a></li>
						</ul>
					</div>
					<!--top-->
					<a href='#' class="top"></a>
				</div>
			</div>
		</div>		
		<script src='../js/swiper.min.js'></script>
		<script>
			window.onload=function(){
				document.body.style.opacity = '1';
			};
			!function(win,doc){
				var docEl = doc.documentElement || document.body;//获取html标签
				var container = doc.getElementById('container');
				//判断是移动端还是PC端,移动采用orientation横屏事件,pc端采用resize窗口改变事件
				var resize = 'orientationchange' in win ? 'orientationchange': 'resize';
				
				function rem(){
					//alert(1);
					docEl.style.fontSize = 100*(container.clientWidth/720) + 'px';
				}
				//监听DOMcontentLoaded事件:DOM加载完成执行,如果DOMcontent事件,则执行rem函数.
				doc.addEventListener('DOMContentLoaded',rem,false);
				////win下监resize事件,如果resize事件,则执行rem函数.
				win.addEventListener(resize,rem,false);
			}(window,document);
			
			//轮播
			var bannnerSwiper = new Swiper('.swiper-container',{
				autoplay:1000,
				speed:1000,
				initialSlide :0,
				speed:300,
				autoHeight:true,
				autoplayDisableOnInteraction : false,
				//loop:true,
				//loopAdditionalSlides : 0,
				pagination : '.swiper-pagination',
				paginationClickable :true,
			});
			//精品
			var Swiper2 = new Swiper('.swiper-container2',{
				autoplay:3000,
				speed:1000,
				//slidesPerView : 3,
				slidesPerGroup : 1,
				slidesPerView:'2.5',//根据实际宽度
				onSetTranslate: function(swiper,translate){
			   //自定义事件
				var w = parseInt( swiper.slides[0].style.width )*3.5;
					if(swiper.translate <= -w ){ 
						//console.log( '你老人家改出来了' );
					}
					
				}
			});
			//公告no1
			var noticeSwiper = new Swiper('.sec-swiper3',{
				autoplay:2000,
				speed:1000,
				direction : 'vertical',
				loop:true,
			});
		</script>

	</body>
	
</html>